import {StyleSheet, Dimensions} from 'react-native';
const screenWidth = Dimensions.get('window').width;
const screenHeight = Dimensions.get('window').height;

const styles = StyleSheet.create({
    headerPanel: {
        width: screenWidth,
        height: 15 + screenWidth *  27 /  75,
        borderBottomWidth: 1,
        borderColor: 'rgba(0,0,0,0)'
    },
    topBgImage: {
        width: screenWidth, // 375 135
        height: screenWidth *  27 /  75,
        display: 'flex',
        justifyContent: 'flex-end'
    },
    msgBgImage:{
        height: screenWidth *  120 /  707,
        borderRadius: 5,
        padding: 5,
        display: 'flex',
        flexDirection: 'row',
        alignItems: 'center'
    },
    noBgImage: {
        width: 120,
        paddingLeft: 25,
        height: 20,
        color: '#fff',
        resizeMode: 'stretch',
        display: 'flex',
        justifyContent: 'center',
    },
    userImage:{
        height: (screenWidth *  108 /  707) - 10,
        width: (screenWidth *  108 /  707) - 10,
    },
    blockPanel: {
        width: screenWidth - 20,
        marginLeft: 10,
    },
    bannerImage:{
        marginTop: 10,
        marginBottom: 10,
        width: screenWidth - 20,
        height: (screenWidth - 20) * 157 / 707,
        resizeMode: 'stretch'
    },
    userInfoPanel: {
        marginBottom: -10,
    },
    locationPanel: {
        display: 'flex',
        flexDirection: 'row',
        marginBottom: 5
    },
    msgPanel: {
        borderRadius: 10
    },
    locationLabel: {
        marginLeft: 5,
        color: '#fff',
    },
    locationValue: {
        color: '#fff',
    },
    menuPanel: {
        display: 'flex',
        flexDirection: 'row',
        flexWrap: 'wrap',
        paddingTop: 10,
        height: 200,
    },
    menuItem:{
        width: '25%',
        display: 'flex',
        alignItems: 'center',
        marginBottom: 10
    },
    menuIcon: {
        width: 45,
        height: 45
    },
    menuLabel:{
        marginTop: 2,
        color: '#323232',
        fontSize: 12
    }
})
export default styles;
